﻿

layui.use(function () {
    var table = layui.table;
    var form = layui.form;
    var util = layui.util;
    var $ = layui.$;

    let ids = [];
    let check = [];
    var token = localStorage.getItem("token");


    //显示表格

    // 重新加载表格
    var tabledata = {
        wareCode: $("#wareCode").val() ,
        wareName: $("#wareName").val() ,
        DpmId: $("#DpmId").val() || '',
        type: $("#type").val() || '',
        pageIndex: 1,
        PageSize: 10,
    };
    var obj = {
        wareCode: tabledata.wareCode,
        wareName: tabledata.wareName,
        DpmId: tabledata.DpmId,
        type: tabledata.type,
        pageIndex: tabledata.pageIndex,
        PageSize: tabledata.PageSize,
        Token: token
    }
    //debugger;
    $.ajax({
        url: '/Foundation/GetDatalist', // 此处为静态模拟数据，实际使用时需换成真实接口
        type: 'GET',
        data: obj,
        success: function (res) {
            var resdata = JSON.parse(res);
            console.log(resdata.data.list);
            // 创建渲染实例
            table.render({
                elem: '#ID-table-demo-templet',
                data: resdata.data.list,
                page: true,
                height: '800px',
                limit: 15,
                limits: [15, 20, 30],
                cols: [[
                    { type: 'checkbox', fixed: 'left' }, // 复选框列
                    { field: 'warehouseCode', id: 'warehouseCode', fixed: 'left', width: 150, title: '仓库编号' },
                    { field: 'warehouseName', id: 'warehouseName', width: 150, title: '仓库名称' },
                    { field: 'rentalTime', id: 'rentalTime', width: 150, title: '租赁时间', function(d) { return d.rentalTime.substring(0, 10); } },
                    { field: 'warehouseType', id: 'warehouseType', width: 150, title: '仓库类型', },
                    {
                        field: 'department', width: 150, title: '所属部门', templet: function (d) {
                            switch (d.department) {
                                case 1:
                                    return "财务中心";
                                case 2:
                                    return "信息技术中心";
                                case 3:
                                    return "销售服务中心";
                                case 4:
                                    return "运营推广中心";
                                case 5:
                                    return "管理中心";
                                case 6:
                                    return "行政部";
                            }
                        }
                    },

                    {
                        field: 'isDisable', id: 'isDisable', width: 80, title: '是否禁用', templet: function (d) {
                            if (d.isDisable == true) {
                                return '<input type="checkbox" checked="checked" name="aaa">';
                            } else {
                                return '<input type="checkbox" name="aaa">';
                            }
                        }
                    },
                    {
                        field: 'isDefaults', id: 'isDefaults', width: 80, title: '是否默认', templet: function (d) {
                            if (d.isDefaults == true) {
                                return '<input type="checkbox" checked="checked" name="bbb">';
                            } else {
                                return '<input type="checkbox" name="bbb">';
                            }
                        }
                    },

                    { field: 'waddress', id: 'waddress', width: 150, title: '地址', templet: '' },
                    { field: 'area', id: 'area', width: 150, title: '面积', templet: '' },
                    { field: 'wcontact', id: 'wcontact', width: 150, title: '联系人', templet: '' },
                    { field: 'wphone', id: 'wphone', width: 150, title: '电话', templet: '' },

                    {
                        title: '其他', minWidth: 200, templet: function (d) {
                            return ' <button class="layui-btn layui-btn-primary layui-border" onclick="EditItem(' + d.warehouseId + ')">编辑</button>' +
                                '<button class="layui-btn layui-btn-primary layui-border"  id="btnDel" onclick="Del(' + d.warehouseId + ')">删除</button>';

                        }
                    },
                ]],
                toolbar: '#toolbarDemo',
                defaultToolbar: ['exports'],

            });
        }
    });

    //查询
    window.selectbtn = function (event) {

        var wareCode = $("#wareCode").val();
        var wareName = $("#wareName").val();
        var DpmId = $("#DpmId").val();
        var type = $("#type").val();
        var obj = {
            wareCode: wareCode,
            wareName: wareName,
            DpmId: DpmId,
            type: type,
            pageIndex: tabledata.pageIndex,
            PageSize: tabledata.PageSize,
            Token: token
        }
        $.ajax({
            url: '/Foundation/GetDatalist', // 此处为静态模拟数据，实际使用时需换成真实接口
            type: 'GET',
            data: obj,
            success: function (res) {
                var resdata = JSON.parse(res);
                console.log(resdata.data.list);
                // 创建渲染实例
                table.render({
                    elem: '#ID-table-demo-templet',
                    data: resdata.data.list,
                    page: true,
                    height: '800px',
                    limit: 15,
                    limits: [15, 20, 30],
                    cols: [[
                        { type: 'checkbox', fixed: 'left' }, // 复选框列
                        { field: 'warehouseCode', id: 'warehouseCode', fixed: 'left', width: 80, title: '仓库编号' },
                        { field: 'warehouseName', id: 'warehouseName', width: 100, title: '仓库名称' },
                        { field: 'rentalTime', id: 'rentalTime', width: 100, title: '租赁时间', function(d) { return d.rentalTime.substring(0, 10); } },
                        { field: 'warehouseType', id: 'warehouseType', width: 100, title: '仓库类型', },
                        {
                            field: 'department', width: 100, title: '所属部门',
                            templet: function (d) {
                                console.log(d);
                                switch (d.department) {
                                    case 1:
                                        return "财务中心";
                                    case 2:
                                        return "信息技术中心";
                                    case 3:
                                        return "<span style='color:red'>销售服务中心</span>";
                                    case 4:
                                        return "<span style='color:red'>运营推广中心</span>";
                                    case 5:
                                        return "<span style='color:red'>管理中心</span>";
                                    case 6:
                                        return "<span style='color:red'>行政部</span>";
                                    default:
                                        return "<span>未知部门</span>"; // 如果没有匹配的情况
                                }
                            }
                        },

                        {
                            field: 'isDisable', id: 'isDisable', width: 80, title: '是否禁用', templet: function (d) {
                                if (d.isDisable == true) {
                                    return '<input type="checkbox" checked="checked" name="aaa">';
                                } else {
                                    return '<input type="checkbox" name="aaa">';
                                }
                            }
                        },
                        {
                            field: 'isDefaults', id: 'isDefaults', width: 80, title: '是否默认', templet: function (d) {
                                if (d.isDefaults == true) {
                                    return '<input type="checkbox" checked="checked" name="bbb">';
                                } else {
                                    return '<input type="checkbox" name="bbb">';
                                }
                            }
                        },

                        { field: 'waddress', id: 'waddress', width: 115, title: '地址', templet: '' },
                        { field: 'area', id: 'area', width: 115, title: '面积', templet: '' },
                        { field: 'wcontact', id: 'wcontact', width: 115, title: '联系人', templet: '' },
                        { field: 'wphone', id: 'wphone', width: 115, title: '电话', templet: '' },
                        {
                            title: '其他', minWidth: 200, templet: function (d) {
                                return ' <button class="layui-btn layui-btn-primary layui-border" onclick="EditItem(' + d.warehouseId + ')">编辑</button>' +
                                    '<button class="layui-btn layui-btn-primary layui-border"  id="btnDel" onclick="Del(' + d.warehouseId + ')">删除</button>';

                            }
                        },
                    ]],
                    toolbar: '#toolbarDemo',
                    defaultToolbar: ['exports'],

                });
            }
        });
    }




    //获取复选框数据
    table.on('checkbox(test)', function (obj) {
        //console.log(obj)
        // console.log(obj.type); // 得到触发事件的类型：all（代表全选）| one（代表单选）
        //console.log(obj.checked); // 得到checkbox选中状态：true（选中）| false（取消）\
        //console.log(obj.othis); // 得到原始DOM对象
        console.log(obj.data); //得到当前行数据

        // 获取所有选中的值
        var checkeddata = obj.data; // 获取所有选中的行数据
        if (obj.checked) {
            ids.push(checkeddata.warehouseId);
            check.push(checkeddata);
        } else {
            var indexToRemove = ids.indexOf(checkeddata.storehouseId);
            if (indexToRemove !== -1) {
                ids.splice(indexToRemove, 1);  // 从 ids 数组中移除
                check.splice(indexToRemove, 1); // 从 check 数组中移除
            }
        }

        console.log(ids); // 打印所有选中的id
        console.log(check); // 打印所有选中的id
    })


    ///批量删除
    $('#myDelete').click(function () {
       
        if (ids.length == 0) {
            layer.msg('至少选一项', { icon: 2 });
            return;
        }
        var data = {
            ids: ids,
            DelName: "卢芳",

        }
        layer.confirm('确定删除吗？', { icon: 3 }, function () {
            var datas = {
                ids: ids,
                DelName: "卢芳",
                Token: token
            }
            $.ajax({
                url: '/Foundation/BatchDelWare',
                type: 'Put',
                data: datas,
                success: function (res) {
                    var resdata = JSON.parse(res);
                    if (resdata.data > 0) {
                        layer.msg('删除成功', { icon: 1 }, function () {
                            location.reload();
                        });

                    } else {
                        layer.msg('删除失败', { icon: 1 });
                    }
                }
            })
        }), function () {
            layer.msg('已取消', {
                time: 5000, //5s后自动关闭
                btn: ['确定'],
            });
        }

    })



    //跳转修改
    window.EditItem = function (id) {
        location.href = '/Foundation/UptWarehouse?id=' + id;
    }

    //单删
    window.Del = function (warehouseId) {
        var datas = {
            ids: warehouseId,
            DelName: "卢芳",
            Token: token
        }
        layer.confirm('确定删除吗？', { icon: 3 }, function () {
            $.ajax({
                url: '/Foundation/DeleteWarehouse', // 此处为静态模拟数据，实际使用时需换成真实接口
                type: 'Put',
                data: datas,
                success: function (res) {
                    var resdata = JSON.parse(res);
                    console.log(resdata);
                    if (resdata.data > 0) {
                        layer.msg('删除成功', { icon: 1 }, function () {
                            location.reload();
                        });
                    }
                    else {
                        layer.msg('删除失败', { icon: 1 });
                    }
                }
            })
        }), function () {
            layer.msg('点击取消的回调');
        }

    }
})







